#tabbar dl dt{
	width: 24px;
	height: 24px;
	overflow: hidden;
	background-image:url(../image/icon/tabbar.png);
	background-size: 300% auto;
	background-position-y: top;
	margin-bottom: 3px;
}
#tabbar dl dd{
	line-height: 1;
	color: #888;
	font-size: 12px;
}
#tabbar dl:nth-child(1) dt{
	background-position-x: left;
}
#tabbar dl:nth-child(2) dt{
	background-position-x: -24px;
}
#tabbar dl:nth-child(3) dt{
	background-position-x: right;
}
#tabbar dl.active dt{
	background-position-y: bottom;
}
#tabbar dl.active dd{
	color: #51bbed;
}


/*商品列表*/
.proMod dl{width:50%;box-sizing: border-box;padding:0 6px;margin-bottom: 12px;}
.proMod dl:nth-child(odd){padding-left: 12px;}
.proMod dl:nth-child(even){padding-right: 12px;}
.proMod dl .pt{background-color: #f4f4f4;}
.proMod dl .name{padding-top: 10px;color: #333;}
.proMod dl .val{color: #b1242a;font-size: 14px;}
.proMod dl .val span{font-size: 18px;}

/*操作数量*/
.operate-box{font-size: 0;}
.operate-box li{display: inline-block;vertical-align: middle;text-align: center;}
.operate-box .btn{border: 1px solid #ccc;border-radius: 50%;width: 24px;height: 24px;position: relative;}
.operate-box .btn:after{content: '';width: 50%;height: 4px;background-color: #bbb;position: absolute;
left: 25%;top: 50%;margin-top: -2px;}
.operate-box .add-btn:before{content: '';width: 4px;height: 50%;background-color: #bbb;position: absolute;
top: 25%;left: 50%;margin-left: -2px;}
.operate-box .num{width: 40px;line-height: 30px;font-size: 16px;}


input[type='checkbox'],input[type='radio']{
	-webkit-appearance: none;
	appearance: none;
	width: 24px;
	height: 24px;
	background: url(../image/icon/checkbox-icon.png) center top no-repeat;
	background-size: 100% auto;
	outline: medium;
	margin-right: 4px;
}
input[type='checkbox']:checked,input[type='radio']:checked{
	background-position-y: bottom;
}



/*优惠券福利*/
.weal-wrap{padding: 0 12px;overflow: hidden;}
.weal-wrap .weal-box{border: 1px solid #ddd;background-color: #f7f7f7;padding: 0 12px;border-radius: 5px;margin-bottom: 12px;}
.weal-wrap .weal-box .main-info{padding: 15px 0;}
.weal-wrap .weal-box .main-info .val{width:90px;text-align: center;color: #f70138;font-size: 36px;padding-right: 12px;border-right: 1px dashed #ccc;padding-top: 10px;padding-bottom: 10px;margin-right: 12px;}
.weal-wrap .weal-box .main-info .val .unit{font-size: 18px;}
.weal-wrap .weal-box .main-info .info dt{font-size: 15px;color: #333;margin-bottom: 8px;}
.weal-wrap .weal-box .main-info .info dd{font-size: 12px;color: #999;}
.weal-wrap .weal-box .main-info .info .btn{padding: 0 14px;line-height: 32px;border-radius: 16px;font-size: 12px;color: #fff;}
.weal-wrap .weal-box .main-info .info .pull-btn{background-color: #fe6c77;box-shadow: 0 2px 0 #fcb3b8;}
.weal-wrap .weal-box .main-info .info .skip-btn{background-color: #febe6c;box-shadow: 0 2px 0 #fcdcb3;}
.weal-wrap .weal-box .ex-info{-webkit-align-items: flex-start;align-items: flex-start;}
.weal-wrap .weal-box .ex-info .ruler{padding: 10px 0;line-height: 16px;color: #333;font-size: 14px;margin-right: 10px;}
.weal-wrap .weal-box .ex-info .btn{width: 36px;height: 36px;background:url(../image/icon/bottom-arrow.png) center no-repeat;background-size: 14px auto;}
.weal-wrap .weal-box .ex-info .btn.active{-webkit-transform: rotate(180deg);transform: rotate(180deg);}


/*案例筛选*/
#screenMod .nav-box{overflow: hidden;}
#screenMod .nav-box a{display: block;line-height: 44px;margin:0 12px;font-size: 14px;float: left;color: #555;}
#screenMod .nav-box a.on{color: #51BBED;position: relative;}
#screenMod .nav-box a.on:before{content: '';width: 100%;height: 2px;background-color: #51BBED;position: absolute;bottom: 6px;left: 0;}
#screenMod dl{color: #555;width: 24%;}
#screenMod dl dt{max-width: 70%;}
#screenMod dl dd{width: 10px;height: 10px;margin-left: 2px;position: relative;}
#screenMod dl dd:after{content: '';width: 0;height: 0;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #bbb;position: absolute;top: 50%;right: 0;margin-top: -3px;}
#screenMod dl.sel dd:after{content: none;}
#screenMod dl.sel dd{background: url(../image/icon/sel-icon.png) right center no-repeat;background-size: auto 10px;}
#screenMod dl.active{color: #333;}
#screenMod dl.active dd{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.screenMask{width: 100%;background-color: rgba(0,0,0,.5);position: absolute;top: 44px;bottom: 0;left: 0;z-index: 9;}
.singleScreen{position: absolute;width: 100%;max-height: 100%;line-height: 44px;top: 44px;left: 0;z-index: 10;background-color: #fff;overflow: auto;}


.singleScreen span{display: block;width: 100%;height: 44px;box-sizing: border-box;padding: 0 12px;font-size: 14px;color: #555;}
.singleScreen span.on{color: #51BBED;}

#caseAllSel .list{background-color: #fff;overflow: hidden;position: relative;}
#caseAllSel .list:after{content: '';width: 1px;height: 100%;background-color: #ddd;position: absolute;left: 33.333333%;top: 0;-webkit-transform: scaleX(-.5);transform: scaleX(-.5);}
#caseAllSel .list:before{content: '';width: 1px;height: 100%;background-color: #ddd;position: absolute;right: 33.333333%;top: 0;-webkit-transform: scaleX(-.5);transform: scaleX(-.5);}
#caseAllSel .list span{display: block;float:left;line-height: 44px;width:33.333333%;box-sizing: border-box;padding: 0 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#caseAllSel .list span.on{color: #51BBED;}

#allCaseBtn {line-height: 49px;}
#allCaseBtn .enter{background-color: #51BBED;color: #FFFFFF;}



/*导购列表*/
.guideMod{padding-left: 12px;}
.guideMod .list{padding: 12px 12px 12px 0;}
.guideMod .pt{width: 50px;height: 50px;border-radius: 50%;background-color: #f4f4f4;overflow: hidden;margin-right: 10px;}
.guideMod .info{align-items: flex-start;}
.guideMod .info .namebox{line-height: 16px;height: 16px;margin-bottom: 8px;color: #333;}
.guideMod .info .namebox .help{display: block;padding-left: 15px;background: url(../image/icon/zan-icon.png) left center no-repeat;background-size: auto 12px;margin-left: 10px;}
.guideMod .info .store{color: #999;max-width: 90%;}
.guideMod .btn input{height: 30px;padding: 0 14px;border-radius: 15px;font-size: 12px;margin-left: 5px;box-sizing: border-box;}
.guideMod .btn .btn-1{background-color: #51BBED;color: #FFFFFF;}
.guideMod .btn .btn-2{background-color: transparent;color: #51BBED;border: 1px solid #51BBED;}


/*底部三块*/
#threeMod dl dt{width: 18px;height: 18px;overflow: hidden;margin-right: 4px;}
#threeMod dl dd{font-size: 14px;color: #666;}
#threeMod dl.on dt img{margin-top: -18px;}
#threeMod dl.on dd{color: #d42431;}



/*分享弹窗*/
.shareMask{position: absolute;width:100%;height: 100%;background-color: black;opacity: .7;top: 0;left: 0;z-index: 9;}
.shareMask img{width: 80%;position: absolute;top: 20px;right: 6%;}



/*活动列表*/
.active-wrap{padding: 0 12px;overflow: hidden;}
.active-wrap ul{margin: 12px 0;position: relative;width: 100%;border-radius: 4px;overflow:hidden}
.active-wrap ul .bg{position: absolute;line-height: 34px;padding: 0 12px;background-color: rgba(0,0,0,.6);width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;color: #fff;}
.active-wrap ul .bg span{margin-left: 10px;line-height: 24px;border: 1px solid;padding:  0 10px;font-size: 12px;border-radius: 2px;}
.active-wrap ul .bg span.statu-1{border-color: #5ad741;color: #5ad741;}
.active-wrap ul .bg span.statu-2{border-color: #f7606b;color: #f7606b;}
.active-wrap ul .bg span.statu-3{border-color: #adadac;color: #adadac;}



/*商品筛选*/
#goodMod dl{color: #555;width: 33.3333333%;}
#goodMod dl dt{max-width: 70%;}
#goodMod dl dd{width: 10px;height: 10px;margin-left: 2px;position: relative;}
#goodMod dl dd:after{content: '';width: 0;height: 0;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #bbb;position: absolute;top: 50%;right: 0;margin-top: -3px;}
#goodMod dl.on{color: #51BBED;}
#goodMod dl.on dd:after{border-top-color: #51BBED;}

#goodMod dl.active dd{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.screenMask{width: 100%;background-color: rgba(0,0,0,.5);position: absolute;top: 44px;bottom: 0;left: 0;z-index: 9;}
.singleScreen{position: absolute;width: 100%;max-height: 100%;line-height: 44px;top: 44px;left: 0;z-index: 10;background-color: #fff;overflow: auto;}












/*操作*/
.operate{line-height: 24px;}
.operate .btn{box-sizing: border-box;width: 24px;height: 24px;border-radius: 50%;border: 1px solid #ddd;position: relative;}
.operate .btn:before{content: '';width: 10px;height: 2px;background-color: #888;position: absolute;top: 50%;left: 50%;margin-top: -1px;margin-left: -5px;}
.operate .add:after{content: '';width: 2px;height: 10px;background-color: #888;position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: -1px;}
.operate .num{min-width: 20px;text-align: center;font-size: 14px;padding: 0 4px;}



#carEmpty .empty{
	padding: 30px 0;
	border-bottom: 10px solid #EFEFF4;
	text-align: center;
}
#carEmpty .empty img{width: 100px;margin: auto;}
#carEmpty .empty h5{color: #555;text-align: center;padding-top: 20px;}
#carEmpty .empty .btn{display: inline-block;margin: auto;line-height: 34px;border: 1px solid #51BBED;border-radius: 18px;padding: 0 30px;color: #51BBED;margin-top: 15px;}












/*侧边悬浮*/
#slideBar{position: absolute;bottom: 60px;right: 12px;z-index: 6;}
#slideBar a{display: block;width: 38px;height: 38px;border-radius: 50%;margin: 8px 0;font-size: 12px;color: #fff;background: rgba(0,0,0,.5);position: relative;}
#slideBar a .icon{width: 20px;height: 20px;overflow: hidden;}
#slideBar a.shopCar .icon img{margin-top: -20px;}
#slideBar a.backTop .icon img{margin-top: -40px;}
#slideBar a.shopCar .num{position: absolute;line-height: 14px;font-size: 10px;color: #fff;border-radius: 7px;padding: 0 4px;min-width: 6px;text-align: center;bottom: 50%;left: 50%;margin-left: 4px;margin-bottom: 3px;background-color: red;}
